<template>
	<view id="detail">
		<view class="top">
			<view class="money">-500.00</view>
			<view class="danwei">国家电力公司</view>
		</view>
		<view class="bottom">
			<view class="bottom-one">
				<text>支付状态</text>
				<text>支付成功</text>
			</view>
			<view class="bottom-one">
				<text>支付方式</text>
				<text>微信支付</text>
			</view>
			<view class="bottom-one">
				<text>支付时间</text>
				<text>2022-10-19 10:06:45</text>
			</view>
			<view class="bottom-one">
				<text>支付单号</text>
				<text>CZ3009876544443333</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	#detail {
		.top {
			height: 150rpx;
			padding: 80rpx;

			.money {
				color: #f46363;
				font-size: 40rpx;
				display: flex;
				justify-content: center;
			}

			.danwei {
				display: flex;
				justify-content: center;
				padding: 20rpx 0 50rpx 0;
				border-bottom: 1rpx solid #f2f2f2;
			}
		}

		.bottom {
			.bottom-one {
				padding: 20rpx 30rpx 20rpx 40rpx;
				:first-child{
					color: #b0b0b0;
				}
				:last-child {
					padding-left: 32rpx;
				}
			}

		}


	}
</style>
